/*首页*/
.banner{width:100%; position: relative;}
.banner .swiper-container{width:100%;}
.banner .swiper-slide{position: relative; overflow: hidden;}
.banner .swiper-slide img{width: 100%;/*transition:transform 12s cubic-bezier(.23,1,.32,1);transform:scale(1)*/}
.banner .swiper-slide.swiper-slide-active img{/*transform:scale(1.1)*/}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color:#fff; top:30%;}
.banner .txt h2{margin-bottom:15px; line-height: 1.2;}
.banner .txt h2 span{ display: inline-block; position: absolute; top:-10px; font-size:14px; margin-left:2%; line-height: 1;text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
.banner .txt h2 span em{ display: block; line-height:0.8;}
.banner .swiper-button-prev,.banner .swiper-button-next{ left:5%; width: 36px; height:62px; background: url(../images/btn_ll_dis.png) no-repeat; background-size: cover;}
.banner .swiper-button-next{ right:5%; left:auto;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}
.banner .swiper-pagination{bottom:8%;}
.banner .swiper-pagination-bullet{width: 10px; height: 10px; margin:0 5px!important; background:#FFFFFF;opacity:1;filter: alpha(opacity=100);}
.banner .swiper-pagination-bullet-active{background: #F7B114;}

.tit{color:#023894; margin-bottom: 30px;} 
.tit.tit_w{color:#fff;}
a.more{ display: block; width:77px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#fff!important; background: #F7B114;}

.index-part01{ position: relative; z-index: 10; top:-48px; width:100%; padding:3.5% 0; color:#fff; background: url(../images/ind_bg01.png) left top no-repeat; background-size: cover;}
.index-part01 .tit{margin-bottom:15px;}
.index-part01 .c{ line-height: 1.8;}
.index-part01 .c p{ float: left; width:70%;}
.index-part01 a.more{float: right;}

.index-part02{ padding:6% 0 0; background: #fff;}
.index-part02 .tit{margin-bottom:0;}
.index-part02 .con{padding:6% 0; background: url(../images/ind_bg02.jpg) left top no-repeat; background-size: cover;}
.index-part02 .ll{ float: left; width:46.73%;}
.index-part02 .rr{ float: right; width:48.95%;}
.index-part02 .ll dt{margin-bottom: 5%;}
.index-part02 .ll dd h3{margin-bottom: 2%;}
.index-part02 .ll dd p{-webkit-line-clamp:2; max-height:3em;}
.index-part02 .rr li{ float: left; width:100%; margin-bottom:5%;}
.index-part02 .rr dl{ position: relative;overflow: hidden;}
.index-part02 .rr dt{ float: left; width:36.88%; overflow: hidden;}
.index-part02 .rr dt img{width:100%;}
.index-part02 .rr dd{ float: right; width:59%;}
.index-part02 .rr dd h3{max-height: 3em; margin-bottom: 3%; overflow: hidden;}
.index-part02 a.more{margin:1% auto 0;}

.index-part03{padding:6% 0 0; background: #fff;position: relative;}
.index-part03 .tit{margin-bottom:15px;}
.index-part03 .con li{ float: left; width:49.5%; height: 0; padding-bottom: 29.8%; margin-bottom: 1%; overflow: hidden; position: relative;}
.index-part03 .con li:nth-child(2n){ float: right;}
.index-part03 .con li .img{width:100%;}
.index-part03 .con li .img img{width:100%;}
.index-part03 .con li h3{position: absolute; left:8%; bottom:8%; color:#fff;}
.index-part03 .con li .txt{ opacity: 0; color:#fff; position: absolute; left:0; bottom:0; width:100%; height: 100%; padding:20% 8% 8%; background: rgba(0,0,0,0.35);}
.index-part03 .con li .txt h4{margin-bottom: 20px;}
.index-part03 .con li .txt p.p1{margin-bottom:15px; padding-bottom: 20px; max-height: 6em; overflow: hidden; position: relative;}
.index-part03 .con li .txt p.p1::after{content: ""; position: absolute; left:0; bottom:0; width:145px; height: 1px; background: #fff;}
.index-part03 .con li .txt p.p2{width:70%;}
.index-part03 .con li .txt p.p2 span{color:#fff; display: inline-block; line-height: 2;}
.index-part03 .con li .txt p.p2 span a{color:#fff!important;}
.index-part03 .con li .txt p.p2 span a:hover{font-weight: bold;}
.index-part03 .con li .txt p.p2 em{ display: inline-block; margin:0 20px;}
.index-part03 .con li .txt p.p2 em:last-child{ display: none;}
.index-part03 .con li.active{width:58.68%;}
.index-part03 .con li.an{width:40.32%;}
.index-part03 .con li.active .txt{ opacity: 1;}
.index-part03 .con li.active h3{ display: none;}

.index-part04{ padding:5% 0 0;}
.index-part04 .ll{float: left; width:48%;}
.index-part04 .rr{float: right; width:48%;}
.ind_p04_tit{margin-bottom: 4%;}
.ind_p04_tit li{ float: left; cursor: pointer; padding-right: 20px; margin-right: 13px; position: relative;}
.ind_p04_tit li::after{content: ""; position: absolute; right:0; top:50%; margin-top:-10px; width:7px; height: 19px; background: url(../images/dot01.jpg) no-repeat;}
.ind_p04_tit li.on{color:#023894;}
.ind_p04_tit li:last-child::after{ display: none;}
.ind_p04_con li,.index-part04 .rr dd{ position: relative; margin-bottom:3%; padding-bottom:3%; border-bottom:1px solid #EFF4F7;}
.ind_p04_con li:last-child{margin-bottom: 0;}
.index-part04 .rr dd:last-child{margin-bottom: 0; padding-bottom:0;border-bottom: none;}
.ind_p04_con li h3,.index-part04 .rr dd h3{ width:calc(100% - 110px);}
.ind_p04_con li span,.index-part04 .rr dd span{position: absolute; right:0; top:0; width:95px;height:24px; line-height: 24px; text-align: center; color:#07388B; font-family: Arial, Helvetica, sans-serif; border-radius: 20px; background: #EFF4F7;}
.index-part04 a.more{margin-top:5%;}
.index-part04 .rr dt{ width:100%; position: relative; margin-bottom:4.5%;}
.index-part04 .rr dt h3{ position: absolute; lefT:0; bottom:0; width:100%;color:#fff; padding:0 5% 3%;}

.index-part05{ padding:6% 0 0; background: #fff;}
.index-part05 .tit{margin-bottom: 15px;}
.index-part05 .tit span{ cursor: pointer; color:#585858; margin-right:20px; position: relative;}
.index-part05 .tit span::after{ content: ""; position: absolute; right:-20px; top:50%; margin-top:-12px; width:9px; height: 25px; background: url(../images/dot02.jpg) no-repeat;}
.index-part05 .tit span.on{color:#023894;}
.index-part05 .tit span:last-child{margin-right: 0;}
.index-part05 .tit span:last-child::after{display: none;}
.index-part05 .con{padding:6% 0; background: url(../images/ind_bg02.jpg) left top no-repeat; background-size: cover;}
.index-part05 .con .ll{ float: left; width:46.73%;}
.index-part05 .con .rr{ float: right; width:48.82%;}
.index-part05 .con .ll .img{margin-bottom: 5%;}
.index-part05 .con a.more{margin:3% auto 0;}
.index-part05 .con .rr dd{ float: left; width:48%;}
.index-part05 .con .rr dd+dd{ float: right;}
.index-part05 .con .rr dd .img{margin-bottom:30px;}
.index-part05 .con .rr dd h3{max-height:3em; overflow: hidden; margin-bottom: 10px;}
.index-part05 .con .rr ul{margin-top:5%;}
.index-part05 .con .rr li{position: relative; margin-bottom:3%; padding-bottom:3%;border-bottom:1px solid #DEDEDE;}
.index-part05 .con .rr li:last-child{margin-bottom: 0;}

.index-part06{padding:6% 0 5%;}
.index-part06 li{ float: left; width:14.28%;}
.index-part06 .swiper-wrapper{ display: block;}
.index-part06 .swiper-button-next, .index-part06 .swiper-button-prev{ display: none;}


@media only screen and (min-width: 1025px) {
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ background: url(../images/btn_ll.png); background-size: cover;}
.index-part03 .con li{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
a.more:hover{box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.1);}
}
    
@media only screen and (max-width: 1440px) {
.index-part03 .con li .txt{padding-top:16%;}
.index-part03 .con li .txt p.p2{width:100%;}
}
@media only screen and (max-width: 1365px) {
    .index-part03 .con li .txt p.p2 em{margin:0 10px;}
}
@media only screen and (max-width: 1279px) {
.banner .swiper-pagination{bottom:10px;}
.index-part01{position: static; margin-top:5%; background: #0267A5; border-bottom:2px solid #F7B114;}
.index-part06 li{width:20%;}
.index-part03 .con li .txt{padding-top:8%;}
}

@media only screen and (max-width: 1023px) {
    .index-part02 .ll,.index-part02 .rr,.index-part04 .ll,.index-part04 .rr,.index-part05 .con .ll,.index-part05 .con .rr{width:100%;}
    .index-part02 .ll,.index-part04 .ll,.index-part05 .con .ll{margin-bottom: 5%;}
    .index-part06 li{width:25%;}
    .index-part03 .con li{width:100%; height: auto; padding-bottom: 0;}
    .index-part03 .con li h3{display: none;}
    .index-part03 .con li .txt{opacity: 1;}
}

@media only screen and (max-width:767px) {
    .index-part01 .c p{width:100%;}
    .index-part01 a.more{float: left; margin:5% auto;}
    .index-part02 .rr dt,.index-part02 .rr dd{width:100%;}
    .index-part02 .rr dt{margin-bottom: 5%;}
    .index-part02 .con,.index-part05 .con{background: #F8F9FB;}
    .index-part05 .con .rr dd .img{margin-bottom: 10px;}
    .index-part05 .con .rr dd{width:100%; margin-bottom: 10px;}
    .index-part06 .swiper-wrapper{ display: flex;}
    .index-part06 .swiper-button-next, .index-part06 .swiper-button-prev{ display: block; background-size:16px 20px;}
    .index-part06 .swiper-button-prev{left:0px;}
    .index-part06 .swiper-button-next{right:0;}
    .index-part03 .con li .txt p.p1{ display: none;}
    .index-part03 .con li .txt h4{font-size: 16px;}
    .index-part03 .con li .txt p.p2{font-size: 14px;}
}
/*首页end*/



/*20220304首页变更业务板块*/
.six-cons{margin-bottom: 5%;}
.six-cons li{ float: left;width:10%; height: 433px; position: relative; overflow: hidden;}
.six-cons li.on{ width:50%;}
.six-cons li .img{position: absolute; z-index: 1; left:0; top:0; widtH:100%; height: 100%;}
.six-cons li .img img{max-width: none;}
.six-cons li .txt{position: absolute; z-index: 2; left:30px; bottom:40px; width:450px;color:#fff;}
.six-cons li h3{line-height: 1.2;margin-bottom: 10px;}
.six-cons li h3 a{color:#fff!important;}
.six-cons li h3 em{position: relative; margin-left:5px; top:-8px;}
.six-cons li .txt p{ display: none;}
.six-cons li .txt p span{display: inline-block; line-height: 2;}
.six-cons li .txt p span a{color:#fff!important;}
.six-cons li .txt p span a:hover{font-weight: bold;}
.six-cons li .txt p em{ display: inline-block; margin:0 20px;}
.six-cons li .txt p em:last-child{ display: none;}
.six-cons li.on .txt p{display: block;}

.six-cons .swiper-button-prev,.six-cons .swiper-button-next{ display: none;}
@media only screen and (max-width:1023px) {
    .six-cons li{ height: auto;}
    .six-cons li .img{position: static;}
    .six-cons li .img img{widtH:100%;}
    .six-cons li h3{ widtH:calc(100% - 40px); left:20px; bottom:20px; }
    .six-cons .swiper-button-prev,.six-cons .swiper-button-next{ display: block;}
    .six-cons .swiper-button-prev{left:0px; width: 40px; height: 30px; margin-top:-15px; background-size:40px 30px;}
    .six-cons .swiper-button-next{ right:0px;width: 40px; height: 30px;margin-top:-15px;background-size:40px 30px;}
    .six-cons li .txt{width:calc(100% - 60px);}
    .six-cons li .txt p{ display: block;}
    .six-cons li .txt p em{margin:0 5px;}
}
@media only screen and (min-width: 1025px) {
    .six-cons li{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
}
/*20220304首页变更业务板块end*/